
<div class="title_profiler">
    <h1>Overview</h1>
</div>
<div class="main">
    <div class="panel_profiler">
        <h2>Dataset info</h2>
        <table>
            <tbody>
            <tr>
                <td>Number of columns</td>
                <td>{{data.summary.cols_count}}</td>

            </tr>
            <tr>
                <td>Number of rows</td>
                <td>{{data.summary.rows_count}}</td>

            </tr>
            <tr>
                <td>Total Missing (%)</td>
                <td>{{data.summary.missing_count}}</td>

            </tr>
            <tr>
                <td>Total size in memory</td>
                <td>{{data.summary.size}}</td>

            </tr>
            </tbody>
        </table>
    </div>
    <div class="panel_profiler">
        <h2>Column types</h2>
        <table>
            <tbody>
            <tr>
                <td>Categorical</td>
                <td>{{data.count_types.categorical}}</td>

            </tr>
            <tr>
                <td>Numeric</td>
                <td>{{data.count_types.numeric}}</td>

            </tr>
            <tr>
                <td>Date</td>
                <td>{{data.count_types.date}}</td>

            </tr>
            <tr>
                <td>Array</td>
                <td>{{data.count_types.array}}</td>
            </tr>
            <tr>
                <td>Not available</td>
                <td>{{data.count_types.null}}</td>

            </tr>
            </tbody>
        </table>
    </div>
</div>